<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" href="images/favicon.png" />
    <title>Bethany - Wedding & Event Planner</title>
    <link href="css/bootstrap.min.css" rel=stylesheet>
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/themify-icons.css" rel="stylesheet">
    <link href="modules/slick/slick.css" rel="stylesheet">
    <link href="modules/slick/slick-theme.css" rel="stylesheet">
    <link href="modules/owl-carousel/owl.carousel.min.css" rel="stylesheet">
    <link href="modules/owl-carousel/owl.theme.default.min.css" rel="stylesheet">
    <link href="modules/magnific-popup/magnific-popup.css" rel="stylesheet">
    <link href="modules/youtubepopup/YouTubePopUp.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <!-- Global site tag (gtag.js) - Google Analytics -->
</head>

<body>
    <!-- Preloader -->
    <div id="bethany-page-loading" class="bethany-pageloading">
        <div class="bethany-pageloading-inner"> 
            <img src="images/logo-dark.png" class="logo" alt=""> 
        </div>
    </div>
    <!-- Navigation Bar -->
    <header>
        <div class="bethany-header-navbar">
            <div class="container bethany-navbar-container">
                <div class="bethany-navigation-wrap bg-light bethany-start-header start-style">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <nav class="navbar navbar-expand-md navbar-light">
                                    <!-- Logo -->
                                    <a class="navbar-brand" href="index.html"> <img src="images/logo-dark.png" alt=""> </a>
                                    <!-- Menu -->
                                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
                                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                                        <ul class="navbar-nav ml-auto py-4 py-md-0">
                                            <li class="nav-item"> <a class="nav-link" href="index.html">Home</a></li>
                                            <li class="nav-item"> <a class="nav-link" href="about.html">About</a></li>
                                            <li class="nav-item active"> <a class="nav-link" href="services.html">Services</a></li>
                                            <li class="nav-item"> <a class="nav-link" href="portfolio.html">Portfolio</a></li>
                                            <li class="nav-item"> <a class="nav-link" href="contact.html">Contact</a> </li>
                                            <li class="nav-item"> <a class="nav-link" href="blog.html">Blog</a> </li>
                                        </ul>
                                    </div>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Header Banner -->
    <div class="banner-header valign bg-img bg-fixed" data-overlay-dark="1" data-background="images/banner/1.jpg">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h1>Services</h1>
                </div>
            </div>
        </div>
    </div>
    <!-- Services -->
    <div class="section-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2>Our Services</h2>
                    <hr class="line line-hr-center">
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="services-item">
                        <img class="services-img" src="images/services/1.jpg" alt="">
                            <div class="services-caption">
                                <div class="services-subtitle"><a href="services-page.html">Weddings</a></div>
                                    <div class="services-title"><a href="services-page.html">Wedding Planner</a></div>
                            </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="services-item">
                        <img class="services-img" src="images/services/2.jpg" alt="">
                            <div class="services-caption">
                                <div class="services-subtitle"><a href="services-page.html">Events</a></div>
                                    <div class="services-title"><a href="services-page.html">Master of Ceremonies</a></div>
                            </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="services-item">
                        <img class="services-img" src="images/services/3.jpg" alt="">
                            <div class="services-caption">
                                <div class="services-subtitle"><a href="services-page.html">Events</a></div>
                                    <div class="services-title"><a href="services-page.html">Corporate Events</a></div>
                            </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="services-item">
                        <img class="services-img" src="images/services/4.jpg" alt="">
                            <div class="services-caption">
                                <div class="services-subtitle"><a href="services-page.html">Weddings</a></div>
                                    <div class="services-title"><a href="services-page.html">Destination Wedding</a></div>
                            </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="services-item">
                        <img class="services-img" src="images/services/5.jpg" alt="">
                            <div class="services-caption">
                                <div class="services-subtitle"><a href="services-page.html">Events</a></div>
                                    <div class="services-title"><a href="services-page.html">Birthday Party Planner</a></div>
                            </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="services-item">
                        <img class="services-img" src="images/services/6.jpg" alt="">
                            <div class="services-caption">
                                <div class="services-subtitle"><a href="services-page.html">Events</a></div>
                                    <div class="services-title"><a href="services-page.html">Special Events</a></div>
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Pricing -->
    <div class="price-section price section-padding bg-1">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2>Pricing Plan</h2>
                    <hr class="line line-hr-center">
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 owl-carousel owl-theme">
                    <div class="item">
                        <div class="cont">
                            <div class="type">
                                <h6>Ceremony</h6>
                            </div>
                            <div class="value">
                                <h4>2500<span>$</span></h4>
                                <p>Starting From</p>
                            </div>
                            <div class="feat">
                                <ul>
                                    <li>Decoration</li>
                                    <li>DJ & Sound</li>
                                    <li><del>Photographer</del></li>
                                    <li>Celebrant</li>
                                </ul>
                            </div>
                            <button class="bethany-btn2" type="submit">Details</button>
                        </div>
                    </div>
                    <div class="item">
                        <div class="cont">
                            <div class="type">
                                <h6>Party</h6>
                            </div>
                            <div class="value">
                                <h4>3500<span>$</span></h4>
                                <p>Starting From</p>
                            </div>
                            <div class="feat">
                                <ul>
                                    <li>Decoration</li>
                                    <li>DJ & Sound</li>
                                    <li>Photographer</li>
                                    <li>Party Planner</li>
                                </ul>
                            </div>
                            <button class="bethany-btn2" type="submit">Details</button>
                        </div>
                    </div>
                    <div class="item">
                        <div class="cont">
                            <div class="type">
                                <h6>Full Wedding</h6>
                            </div>
                            <div class="value">
                                <h4>6500<span>$</span></h4>
                                <p>Starting From</p>
                            </div>
                            <div class="feat">
                                <ul>
                                    <li>Decoration</li>
                                    <li>DJ & Sound</li>
                                    <li>Photographer</li>
                                    <li>Make-Up & Hair Dresser</li>
                                </ul>
                            </div>
                            <button class="bethany-btn2" type="submit">Details</button>
                        </div>
                    </div>
                    <div class="item">
                        <div class="cont">
                            <div class="type">
                                <h6>Pre - Wedding</h6>
                            </div>
                            <div class="value">
                                <h4>5500<span>$</span></h4>
                                <p>Starting From</p>
                            </div>
                            <div class="feat">
                                <ul>
                                    <li>Decoration</li>
                                    <li>DJ & Sound</li>
                                    <li>Photographer</li>
                                    <li>Venue Booking</li>
                                </ul>
                            </div>
                            <button class="bethany-btn2" type="submit">Details</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- F.A.Qs -->
    <div class="section-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2>F.A.Qs</h2>
                    <hr class="line line-hr-center">
                </div>
            </div>
            <div class="row">
                <div class="col-md-8 offset-md-2 faqs-accordion">
                    <div class="accordion">
                        <div class="item">
                            <div class="title">
                                <h6>Why do I need a wedding planner?</h6>
                            </div>
                            <div class="accordion-info active" style="display: none;">
                                <p>Mauris porttitor magna vel ante luctus convallis. Nunc at tellus erat. Donec et magna lectus. Aliquam egestas vel arcu id maximus. Orci varius natoque penatibus et magnis.</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="title">
                                <h6>What will working with a wedding planner entail?</h6>
                            </div>
                            <div class="accordion-info" style="display: none;">
                                <p>Mauris porttitor magna vel ante luctus convallis. Nunc at tellus erat. Donec et magna lectus. Aliquam egestas vel arcu id maximus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent sollicitudin feugiat elementum.</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="title">
                                <h6>What happens on the wedding day itself?</h6>
                            </div>
                            <div class="accordion-info" style="display: none;">
                                <p>Mauris porttitor magna vel ante luctus convallis. Nunc at tellus erat. Donec et magna lectus. Aliquam egestas vel arcu id maximus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent sollicitudin feugiat elementum.</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="title">
                                <h6>How many weddings do you take on each year?</h6>
                            </div>
                            <div class="accordion-info" style="display: none;">
                                <p>Mauris porttitor magna vel ante luctus convallis. Nunc at tellus erat. Donec et magna lectus. Aliquam egestas vel arcu id maximus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent sollicitudin feugiat elementum.</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="title">
                                <h6>Do you have insurance?</h6>
                            </div>
                            <div class="accordion-info" style="display: none;">
                                <p>Mauris porttitor magna vel ante luctus convallis. Nunc at tellus erat. Donec et magna lectus. Aliquam egestas vel arcu id maximus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent sollicitudin feugiat elementum.</p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="title">
                                <h6>Will you be there on our wedding day?</h6>
                            </div>
                            <div class="accordion-info" style="display: none;">
                                <p>Mauris porttitor magna vel ante luctus convallis. Nunc at tellus erat. Donec et magna lectus. Aliquam egestas vel arcu id maximus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent sollicitudin feugiat elementum.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Footer -->
    <footer class="main-footer dark">
        <div class="container">
            <div class="row">
                <div class="col-md-3 mb-30">
                    <div class="item abot">
                        <div class="logo mb-20">
                            <h2>Bethany</h2>
                        </div>
                        <p>We believe that it is all about the BIG DREAMS and the small details!</p>
                        <div class="social-icon"> <a href="index.html"><i class="ti-facebook"></i></a> <a href="index.html"><i class="ti-twitter"></i></a> <a href="index.html"><i class="ti-instagram"></i></a> <a href="index.html"><i class="ti-pinterest"></i></a> </div>
                    </div>
                </div>
                <div class="col-md-2 offset-md-1 mb-30">
                    <div class="item usful-links">
                        <div class="fothead">
                            <h6>Useful Links</h6>
                        </div>
                        <ul>
                            <li><i class="ti-angle-right"></i> <a href="index.html">About</a></li>
                            <li><i class="ti-angle-right"></i> <a href="index.html">Services</a></li>
                            <li><i class="ti-angle-right"></i> <a href="index.html">Blog</a></li>
                            <li><i class="ti-angle-right"></i> <a href="index.html">Contact</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 mb-30">
                    <div class="item fotcont">
                        <div class="fothead">
                            <h6>Get in touch</h6>
                        </div>
                        <p>+1.123.444.0000</p>
                        <p>info@bethany.com</p>
                    </div>
                </div>
                <div class="col-md-3 mb-30">
                    <div class="item fotcont">
                        <div class="fothead">
                            <h6>Location</h6>
                        </div>
                        <p>Broadway 5 St Normain New York 98499, USA</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="sub-footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-8">
                        <div class="text-left">
                            <p>Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="text-right-left">
                            <p><a href="#">Terms &amp; Conditions</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- toTop --><a href="index.html#" class="totop">TOP</a>
    <!-- jQuery -->
    <script src="js/plugins/jquery-3.5.1.min.js"></script>
    <script src="js/plugins/bootstrap.min.js"></script>
    <script src="js/plugins/imagesloaded.pkgd.min.js"></script>
    <script src="js/plugins/jquery.isotope.v3.0.2.js"></script>
    <script src="js/plugins/modernizr-2.6.2.min.js"></script>
    <script src="js/plugins/jquery.waypoints.min.js"></script>
    <script src="modules/owl-carousel/owl.carousel.min.js"></script>
    <script src="modules/slick/slick.js"></script>
    <script src="modules/magnific-popup/jquery.magnific-popup.js"></script>
    <script src="modules/masonry/masonry.pkgd.min.js"></script>
    <script src="modules/youtubepopup/YouTubePopUp.js"></script>
    <script src="js/script.js"></script>
</body>
</html>